﻿.main {
    background: url("../img/login.jpg") no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    z-index:-1;
    left:0;
    top:0;
}

.logo {
    width: 220px;
    height: 94px;
    padding-top: 40px;
    padding-left: 50px;
}

.logo img{
    width: 100%;

}

.form_bar {
    width: 25vw;
    height: 62vh;
    position: fixed;
    left: calc(86% - 25vw);
    top: 20%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    text-align: center;
}

.register {
    padding: 6% 10%;
    width: 80%;
    text-align: right;
    color: #666666;
    cursor: pointer;
}
.form_content p {
    color: #058dc7;
    font-weight:500;
}
.form_content ul {
    list-style-type:none;
    width:80%;
}
.form_content {
    width: 100%;
    margin-top:5%;
}
    .form_content ul li {
        background-color: #fff;
        border-radius: 20px;
        margin: 10% 0;
        text-align:left;        
    }
        .form_content ul li input {
            height: 45px;
            outline: none;
            border: none;
        }
    .form_content button {
        width: 100%;
        background: #2e94ef;
        padding:10px 0;
        border-radius:20px;
        color:#fff;
        font-size:18px;
        font-weight:bold;
        border:none;
        cursor: pointer;
    }
.form_forget {
    color: #058dc7;
    text-decoration: underline;
    text-align:right;
    margin-right:10%;
    margin-top:5%;
}
.form_content ul li img {
    vertical-align:middle;
    margin-right:2%;
}
.footer {
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 50px;
    color: #666666;
}